<!DOCTYPE html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../../resources/gesture-util.js"></script>
<script src="../../resources/compositor-controls.js"></script>
<script src="./resources/middleClickAutoscroll.js"></script>
<style type="text/css">
#scrollable {
  width:500px;
  height:300px;
  overflow:auto;
  border:2px solid red;
  padding:10px;
}
</style>
<script>
function start() {
  testSetUp({
    'clickOrDrag': 'click',
    'scrollable': $('scrollable'),
  });
}
</script>

<body onload="start()">
<div id="container">
<p id="description"></p>
Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=28023">bug 28023</a> This tests that pan scrolling
propagates correctly up the DOM tree. On success, our scroll offset should be non-zero.
<div id="scrollable">
  <div style="height:200px; position:relative;">
    <div style="height:150px; border:1px blue solid; overflow:auto;">
      Panscrolling starting in the blue box should scroll the outer div.
    </div>
    Panscrolling outside the blue boxes should scroll the outer div.
  </div>
  <div style="height:200px; position:relative;">
    <div style="height:150px; border:1px blue solid; overflow:auto;">
      Panscrolling starting in the blue box should scroll the outer div.
    </div>
  </div>
</div>
</div>
</body>
